
body {
  width: 100%;
    overflow: hidden;
}

.btn-public {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.4444rem;
  color: #ffffff !important;
  background-color: #159bfd !important;
}
.contractContent {
  margin-top: 0.2778rem;
  padding: 0 0.2778rem;
  background-color: #ffffff;
  border-bottom: 1px solid #d9daeb;
}
.information-item {
  height: 1.1111rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: .2778rem;
  background-color: #ffffff;
  border-bottom: 1px solid #D9DAEB;
  position: relative;
  &:last-of-type {
    border-bottom: 0px;
  }
  &-title{
    font-size: .4167rem;
    color: #444444; 
    padding-left: 0.4166rem;
  }
  &-input{
    width: 60%;
    height: 100%;
    font-size: .3611rem;
    color: #888888;
    &::-webkit-input-placeholder {
      font-size: .3611rem;
      color: #999999;
    }
  }
  &-radio {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    &-y {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    &-n{
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    input[type="radio"]{
      width: 20px;
      height: 20px;
    }
    &-icon{
      width: 0.6rem;
      height: 0.6rem;
    }
  }
  &-rightImg{
    width: 0.2083rem;
    height: .3333rem;
    position: absolute;
    right: .2778rem;
    top: 50%;
    margin-top: -.1667rem
  }
  &-leftImg{
    width: 0.0833rem;
    height: 0.5rem;
    position: absolute;
    left: .2778rem;
    top: 50%;
    margin-top: -.25rem
  }
  &-icon{
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: .2778rem;
    top: 50%;
    margin-top: -.5rem
  }
  &-certificates {
    display: flex;
    justify-content: flex-start;
  }
  &-answer {
    font-size: 0.3611rem;
    color: #888888;
  }
  &-line {
    height: 0.4444rem;
    width: 1px;
    background: #D9DAEB;
    margin: 0 0.3194rem;
  }
  &-answerID {
    font-size: 0.3611rem;
    color: #159BFD;
  }
}
.equipment-item {
  padding-left: 0.5556rem;
}
.information-images {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 3rem;
  border-bottom: 1px solid #D9DAEB;
  background-color: #f7f7f7;
}
.information-image {
  width: 4rem;
  height: 2.5rem;
  border: 1px solid #DFE1E2;
  &-icon {
    display: flex;
    margin: .5rem auto 0;
  }
  &-iconPath{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  &-path {
    position: relative;
  }
  &-iconDelete{
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: -0.2rem;
    right: -0.3rem;
    z-index: 22;
  }
  &-text {
    text-align: center;
    margin-top: .2rem;
  }
}
.information-addIcon {
  height: 2.3rem;
  &-div {
    margin: 0.5rem auto 0;
    width: 0.8333rem;
    height: 0.8333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #159BFD;
    border-radius: 50%;
  }
  &-icon {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.headerAdd {
    position: absolute;
    right: 0.4167rem;
    bottom: 0.4167rem;
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      width: 0.4444rem;
    height: 0.4444rem;
    }
}

.save, .submit {
  height: 100%;
  color: white;
  position: absolute;
  right: 1.3888rem;
  bottom: 0;
  font-size: 0.4166rem;
  display: flex;
    align-items: center;
    justify-content: center;
}
.submit {
  right: 0.2777rem;
}
.consumption-header {
  height: 1.1111rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #ffffff;
  padding-left: .2778rem;
  &-icon {
    width: 0.0833rem;
    height: 0.5rem;
    margin-right: .2778rem;
    
  }
  &-title {
    font-size: 0.4167rem;
    color: #444444;
  }
}
.consumptionContent {
  margin-top: 0.2778rem;
  .consumption-item {
    height: 1.1111rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom: 1px solid #D9DAEB;
    position: relative;
    &:last-of-type {
      border-bottom: 0px;
    }
    &-title{
      width: 2rem;
      font-size: .4167rem;
      color: #444444; 
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &-titleTwo {
      width: 1.5rem;
      font-size: .4167rem;
      color: #444444;
      display: flex;
      align-items: center;
      justify-content: center; 
    }
    &-titleColorOne{
      color: #1FC29D;
    }
    &-titleColorTwo{
      color: #FFA600;
    }
    &-titleColorThree{
      color: #FC6D53;
    }
  }
  .consumption-sum{
    text-align: right;
    font-size: .4167rem;
    color: #444444;
    margin-top: 0.2778rem;
    padding-right: .1rem;
  }
}
.consumption-footer {
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  height: 1.344443rem;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.consumption-submit {
  height: 1.066666rem;
  width: 9.2rem;
  background-color: #159BFD;
  color: #ffffff;
  font-size: 0.388888rem;
  border-radius: 0.066666rem;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.388888rem;
}
.paySearch {
  .consumption-item-title {
    width: 3rem;
  }
  .consumption-sum {
    padding-right: .5rem;
  }
}
.inspection {
  width: 100%;
  overflow: hidden;
}
.inspection-item {
  background-color: #F1F3F8;
  &-radio {
    margin: 0 auto;
  }
  &-icon{
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    right: 0.2778rem;
    top: 50%;
    margin-top: -0.25rem;
  }
  &-input {
    padding-left:0.2778rem;
    .information-item-input {
      text-align: center;
    }
  }
}
.entryContent-items {
  display: flex;
  justify-content: flex-start;
  height: 0.8889rem;
  background-color: #ffffff;
  border-bottom: 1px solid #D9DAEB;
  position: relative;
  padding: 0.1111rem 0;
  .entryContent-item {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    &:first-of-type {
      border-right: 1px solid #D9DAEB;
    }
    &-title{
      height: 100%;
      flex: 1;
      font-size: .4167rem;
      color: #444444; 
      padding-left: .1389rem;
      display: flex;
      justify-content:center;
      align-items: center;
    }
    &-input{
      width: 40%;
      height: 100%;
      font-size: .3611rem;
      color: #888888;
      &::-webkit-input-placeholder {
        font-size: .3611rem;
        color: #999999;
      }
    }
  }
}
.entryContent-textarea {
  height: 2.2222rem;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  border-bottom: 1px solid #D9DAEB;
  padding: 0.2222rem 0;
  padding-right: 0.2778rem;
  position: relative;
  .information-item-title {
    flex: 1;
    display: flex;
    justify-content: center;
  }
  .information-item-textarea {
    width: 80%;
    padding: 0.1389rem;
    resize:none;
    border: none;
    border: 1px solid #333333;
  }
}
.entryRecord-item {
  height: 2.2222rem;
  background-color: #ffffff;
  border-bottom: 1px solid #D9DAEB;
  padding: 0.2222rem 0;
  padding-right: 0.2778rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  .entryRecord-title {
    width: 22%;
  }
  .information-item-textarea {
    flex: 1;
    padding: 0.1389rem;
    resize:none;
    border: none;
    border: 1px solid #333333;
  }
}
.entryCheck-item {
  display: flex;
  justify-content: flex-start;
  height: 1.1111rem;
  background-color: #ffffff;
  border-bottom: 1px solid #D9DAEB;
  position: relative;
  &-title{
    height: 100%;
    flex: 1;
    font-size: .4167rem;
    color: #444444; 
    padding-left: .1389rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    &-image{
      width: 1.25rem;
      height: 0.75rem;
    }
  }
  &-input{
    width: 40%;
    height: 100%;
    font-size: .3611rem;
    color: #888888;
    &::-webkit-input-placeholder {
      font-size: .3611rem;
      color: #999999;
    }
  }
}
.inspection-popupPicker {
  .popupPicker-item {
    width: 1.6rem;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0.2rem;
  }
  .popupPicker-item-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    // left: 0.1389rem;
  }
  .popupPicker-item-icon {
    width: 0.5556rem;
    height: 0.5556rem;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .popupPicker-item-input {
   width: 50%;
   height: 100%;
  }
  .popupPicker-item-image {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}
.equipment-checkbox {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  .checkbox-label-item {
    width: calc(33.3333% - 0.5rem);
    height: 1.1111rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.5rem;    
  }
  .checkbox-label-item-text {
    margin-left: 0.1389rem;
  }
}
.information-item-s {
  .information-item-input{
    width: 30%;
  }
}
.information-item-tel {
  display: flex;
  align-items: center;
}
.information-item-telIcon {
  width: 0.5rem;
  height: 0.5rem;
  padding-left: 0.5rem;
}